/**
 * 牌桌页面
 */

body { background-color: #E5F5FF; height: 100%; }

#poker-main { height: 46em; margin-top: 1em; }
.poker-panel { height: 95%; width: 100%; border-radius: 5px; }
#poker-left-panel { 
	height: 100%; 
	background-image: url('../img/room.png');
	background-size: cover; 
	border-radius: 8px 0px 0px 8px;
}
#poker-right-panel {
	height: 100%; 
	border-left: 2px solid #CCC;
	background-image: url('../img/pokerpanelright.png');
	background-size : cover;
	border-radius: 0px 8px 8px 0px;
}
.poker-me { margin-top: 0.5em; text-align: center; height: 18%; color: white; }
.poker-me span { font-size: 18px; font-family:'黑体'; }
.poker-me img{ width: 6em; border: 2px solid yellowgreen; border-radius: 222px; }

.user-enemy {
	padding-top: 2px;
	height: 20%; 
	text-align: center; 
	background-color: rgba(255,245,205,0.8); 
	border-radius: 5px;
}

.user-enemy table tr td,.user-enemy table tr th  { 
	border: 0px; 
	font-family: '黑体'; 
	font-size: 16px; 
	line-height: 0.5em; 
	color: #ff3300;
}

#chat-word { width: 75%; float: left; font-size: 14px; }
#send { float: left; margin-left: 0.5em; }
.chat-list { font-size: 12px; font-family: '黑体'; }
.user-chat {
	padding: 5px 5px;
	background-color: rgba(255,245,205,0.8);
	margin: 0.5em 0em 0.5em 0.2em; 
	height: 45%; 
	overflow-y: auto;
	overflow-x: none;
	border-radius: 5px;
}

.radio { height: 35px; padding: 0; color: white; font-size: 18px; margin: 0; line-height: 35px;}

.lmr-panel { height: 62%; margin: 0; padding: 0; }
.enemy-user-left { width: 20%; height: 100%; float: left; padding-top: 1em; }
.enemy-user-left ul { padding: 0; padding-right: 20px; }
.enemy-user-left ul li { list-style: none; }
.enemy-user-right { width: 20%; height: 100%; float: left; padding-top: 1em; }
.enemy-user-right ul { padding: 0; padding-left: 20px; }
.enemy-user-right ul li { list-style: none; }

.user-enemy-b { float: right; padding-right: 10px; }
.user-enemy-b table { text-align: center; font-family: '黑体'; color: white; }
.user-enemy-a { float: left; padding-left: 10px; }
.user-enemy-a table { text-align: center; font-family: '黑体'; color: white; }
.enemy-head { width: 5em ; border-radius: 3em; border: 2px solid pink; }

.first-poker { margin: 0; }
.enemypokers { width: 80px; margin-top: -150px; border-radius: 5px; }
#enemy-count-time { font-size: 18px; font-weight: bold; }
.middle-panel { width: 60%; height: 100%; float: left; }
.three-pokers { height: 30%; text-align: center; }
.three-pokers img { width: 85px; }
.round-pokers { height: 60%; text-align: center; }
.round-pokers ul { position: relative; }
.round-pokers ul li { display: inline-block; list-style: none; margin-left: -60px; }
.round-pokers ul li img { width: 85px; }
#round-user { color: white; font-size: 16px; text-align: center; line-height: 3em; }

.bottom-user { width: 100%; height: 30%; margin: 0; padding: 0; }
.btn-play { height: 35%; text-align: center; }
.clock { width:35px; }
#count-time { font-weight: bold; color: pink; font-size: 18px; vertical-align: middle; margin-right: 2.5em; }
.btn-go { margin-right: 2em; width: 10em; }

.my-pokers-panel { text-align: center; }
.my-pokers-panel ul { position: relative; }
.my-pokers-panel ul li { list-style: none; display: inline-block; position: relative; }
.mypokers { width: 85px; margin-left: -50px; position: relative; border-radius: 3px; }
.first-poker { margin: 0; }